 <template>
  <!-- 可点击区域，用于触发任务列表对话框的打开 -->
  <div class="" @click="handleClick">
    <!-- 插槽内容，允许组件使用者自定义显示内容 -->
    <slot />

    <!-- 任务列表对话框组件 -->
    <TaskListDialog ref="taskListDialogRef" />
  </div>
</template>

<script setup>
// 导入任务列表对话框组件
import TaskListDialog from './components/TaskListDialog/index.vue'

// 创建任务列表对话框组件的引用
const taskListDialogRef = ref(null)

/**
 * 处理点击事件的函数
 * 当用户点击组件时调用此函数
 * 没有参数
 * 返回值：无
 */
function handleClick() {
  // 通过引用调用任务列表对话框的打开方法
  taskListDialogRef.value.open()
}
</script>

<style lang="postcss"></style>

